<template>
    <li class="nav clearfix">
        <div class="nav-list">
            <a>
                <img src="../../../static/imgs/nav-1.jpg" alt="">            
            </a>
        </div>
        <div class="nav-list">
            <a>
                <img src="../../../static/imgs/nav-2.jpg" alt="">            
            </a>
        </div>
        <div class="nav-list">
            <a>
                <img src="../../../static/imgs/nav-3.jpg" alt="">            
            </a>
        </div>
        <div class="nav-list">
            <a>
                <img src="../../../static/imgs/nav-4.jpg" alt="">            
            </a>
        </div>
    </li>
</template>
<script>
export default{

}
</script>
<style>
.nav{
    width:100%;
}
.nav-list{
    width:25%;
    float:left;
}
</style>